<template>
  <div class="el-wrap">
    <!-- <div class="el-title el-text-c">{{ $route.query.courseName }}</div> -->
    <div class="el-courseware-box el-courseware-table">
      <el-table ref="multipleTable" :data="tableDatas" :header-cell-style="getRowClass" tooltip-effect="dark" highlight-current-row border style="width: 100%">
        <el-table-column label="序号" prop="courseTeachId" align="center">
          <template slot-scope="scope">
            {{ scope.$index + 1 }}
          </template>
        </el-table-column>
        <!-- <el-table-column label="主键" prop="courseTeachId"></el-table-column> -->
        <el-table-column label="授课老师" prop="teacherName" align="center"></el-table-column>
        <el-table-column label="课节名称" prop="courseCatalogName" align="center"></el-table-column>
        <el-table-column label="开始上课时间" prop="courseTeachStartTime" align="center"></el-table-column>
        <el-table-column label="结束上课时间" prop="courseTeachEndTime" align="center"></el-table-column>
        <el-table-column label="汇总" align="center">
          <template slot-scope="scope">
            {{ time_difference(scope.row.courseTeachStartTime, scope.row.courseTeachEndTime) }}
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script src="./index.js"></script>
<style lang="scss" src="./index.scss"></style>
